* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
:root {
  --main-txt-size: calc(14px + (28 - 14) * ((100vw - 800px) / (1400 - 800)));
  --main-txt-size-min: 14px;
  --main-txt-size-max: 22px;
  --main-txt-line-height: 1.5em;
  --txt-line-height-small: 1.4vw;
  --win-min-break: 800px;
  --win-max-break: 1400px;
}
html {
  margin: 0;
  padding: 0;
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  font-weight: normal;
  font-style: normal;
  font-kerning: auto;
  color: black;
  background-color: white;
  scroll-behavior: smooth;
}
  html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

body {
  height: 100%;
  height: 100vh;
  line-height: 1;
  overflow-x: hidden;
  overflow-y: hidden;
  font-family: helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align:center;
}
h1 {
  text-align:center;
  margin-top: 0.5vw;
}
.container {
  width:100%;
  margin:0 auto;
}
input[type="radio"] {
  display:none;
}
label {
  width:24%;
  float:left;
  padding:0.5vw;
  margin:0.5vw;
}

h1 :active{
  text-decoration: line-through;
}
input[type="radio"][id="wasser"]:checked + label {
  background:transparent;
}
input[type="radio"][id="wasser"]:checked ~ .kaffee, input[type="radio"][id="wasser"]:checked ~ .mate {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
input[type="radio"][id="kaffee"]:checked + label {
  background:transparent;
}
input[type="radio"][id="kaffee"]:checked ~ .wasser, input[type="radio"][id="kaffee"]:checked ~ .mate {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
input[type="radio"][id="mate"]:checked + label {
  background:transparent;
}
input[type="radio"][id="mate"]:checked ~ .wasser, input[type="radio"][id="mate"]:checked ~ .kaffee {
  width:0;
  height:0;
  padding:0;
  margin:0;
  opacity:0;
}
.grid {
  width:24%;
  height:100px;
  float:left;
  transition:all 1s;
  margin:0.5vw;
  padding:0.5vw;
}
.mate {
  background:transparent;
}
.wasser {
  background:transparent;
}
.kaffee {
  background:transparent;
}